/** messaging */
#message { /*position: fixed; top: 1em; right: 1em;*/ margin: 0 auto 1em; max-width: 30em; padding: .2em 2em;
	font-weight: bold; text-align: center; background: #FD4; color: #333; }
#message.notice { background: #E3F4D7; color: #305F03; border: 1px solid #4E9A06; }
#message.error  { background: #F4D7D7; color: #A40000; border: 1px solid #A40000; }
#message.notice span { background: url(/img/css/message-notice.png) no-repeat; padding-left: 24px; }
#message.error  span { background: url(/img/css/message-error.png)  no-repeat; padding-left: 24px; }


/** tabs */
.tabs { list-style: none; }
.tabs li { display: inline; margin-left: 1em; padding: .2em .5em; background: #DDD; }
.tabs .selected { background: #FFF; }


/** button links */
/*.button { font-weight: bold; color: #FFF; padding: .2em .5em .2em 23px;
	background: #39C url(/img/css/button-read.png) left; }*/


/** toolbar */
span.toolbar { margin-bottom: .1em; float: left; }
span.actions { margin-bottom: .1em; float: right; margin-right: 1em;}
.toolbar textarea, .toolbar-filer textarea { clear: both; }
.toolbar textarea, .toolbar-filer textarea, textarea.toolbar { margin-left: 29%; }
.toolbar .actions { margin-right: 1em; }

span.toolbar a { border: 1px solid #D3D7CF; background-color: #FFF; color: #333; padding: 0 .3em; margin-right: .2em; }
span.toolbar a:hover { border: 1px outset #D3D7CF; text-decoration: none; background-color: #F4F4F4; color: #333; }
span.toolbar .separator { padding-right: .5em; background: transparent; padding-left: 0; }
span.actions .help { background: transparent; padding-left: 0; }


/** autocompleter */
.autocomplete { position: absolute; list-style: none; margin: 0; padding: 0; width: 30.4em;
	background: #FFF; color: #000; border: 1px solid #888; }
.autocomplete li { padding: .25em .5em; }
.autocomplete span { font-weight: bold; }
.autocomplete .selected { background: #FFC; }


/** pagination */
.pagination { text-align: right; }
.pagination dt { font-weight: bold; float: left; }
.pagination dd { display: inline; margin: 0 .5em; }


/** footnotes */
.footnote a:link, .footnote a:visited,
.footnotes a:first-child:link, .footnotes a:first-child:visited { color: #07A; }
.footnotes { /*list-style: none;*/ border-top: /*0.08333em*/ 1px dashed #BABDB6; font-size: 0.8333em;
	line-height: 1.8em; margin-top: 2.25em; padding-top: 0.667em; margin-left: 0; }


/** tag clouds */
.tagcloud { list-style: none; padding-left: 0; }
.tagcloud li { display: inline; padding: 0 1em 0 0;}
.tagcloud a:link, .tagcloud a:visited { color: #07A; padding: .075em .15em; }
.tagcloud .tag_9 { font-size: .833em;  line-height: 1.8;   }  /* 10px */
.tagcloud .tag_8 { font-size: .917em;  line-height: 1.636; }  /* 11px */
.tagcloud .tag_7 { font-size: 1em;     line-height: 1.5;   }  /* 12px */
.tagcloud .tag_6 { font-size: 1.083em; line-height: 1.384; }  /* 13px */
.tagcloud .tag_5 { font-size: 1.167em; line-height: 1.286; }  /* 14px */
.tagcloud .tag_4 { font-size: 1.25em;  line-height: 1.2    }  /* 15px */
.tagcloud .tag_3 { font-size: 1.333em; line-height: 1.125; }  /* 16px */
.tagcloud .tag_2 { font-size: 1.417em; line-height: 1.062; }  /* 17px */
.tagcloud .tag_1 { font-size: 1.5em;   line-height: 1.0;   }  /* 18px */

.big .tagcloud .tag_9 { font-size: .883em;  line-height: 1.8;   } /* 10px */
.big .tagcloud .tag_8 { font-size: .917em;  line-height: 1.636; } /* 11px */
.big .tagcloud .tag_7 { font-size: 1em;     line-height: 1.5;   } /* 12px */
.big .tagcloud .tag_6 { font-size: 1.167em; line-height: 1.286; } /* 14px */
.big .tagcloud .tag_5 { font-size: 1.333em; line-height: 1.125; } /* 16px */
.big .tagcloud .tag_4 { font-size: 1.5em;   line-height: 1.0;   font-weight: bold; } /* 18px */
.big .tagcloud .tag_3 { font-size: 1.667em; line-height: 0.9;   font-weight: bold; } /* 20px */
.big .tagcloud .tag_2 { font-size: 1.833em; line-height: 0.818; font-weight: bold; } /* 22px */
.big .tagcloud .tag_1 { font-size: 2em;     line-height: 0.75;  font-weight: bold; } /* 24px */

/** sticky windows */
.window-sticky { position: absolute; top: 2em; left: 2em; overflow: hidden; border: 4px solid #888; background: #FFF; }
.window-sticky .title { margin: 0; padding-bottom: 4px; background: #888; color: #FFF; font-weight: bold; }
.window-sticky .title .close { /*float: right; margin-top: -1.5em;*/ position: absolute; right: 2px; top: 0; }
.window-sticky .title a { color: #EEE; }
.window-sticky .title a:hover { color: #FFF; }
